<template>
    <!-- 滚动条 -->
    <el-scrollbar>
        <div  class="mb">十方智育后台管理</div>
     
        <el-menu unique-opened router active-text-color="#3f9eff" text-color="#bfcbd9" background-color="#545c64"

        
            class="el-menu-vertical-demo"  @open="handleOpen" @close="handleClose"
            >
  
        
            <el-menu-item index="/home/ShouYe" >
                <el-icon>
                    <setting />
                </el-icon>
                <span>网站主页</span>
            </el-menu-item>
<!-- 板块2 -->
            <el-sub-menu index="2">
                <template #title>
                    <el-icon>
                        <location />
                    </el-icon>
                    <span>系统管理</span>
                </template>

      
                <el-menu-item index="/UesrSystem"  ><el-icon>
                        <location />
                    </el-icon>用户管理</el-menu-item>
                <el-menu-item index="/home/cousoult/publicity"><el-icon>
                        <location />
                    </el-icon>公告管理</el-menu-item>
            </el-sub-menu>
<!-- 板块三 -->
            <el-sub-menu index="3">
                <template #title>
                    <el-icon>
                        <location />
                    </el-icon>
                    <span>师资管理</span>
                </template>
    

                <el-menu-item index="/home/Consultants"  ><el-icon>
                        <location />
                    </el-icon>咨询师管理</el-menu-item>
    
                <el-menu-item index="/home/ConsultantLevels"><el-icon>
                        <location />
                    </el-icon>咨询师等级管理</el-menu-item>
                <el-menu-item index="/home/ConsultantsField"><el-icon>
                        <location />
                    </el-icon>擅长领域管理</el-menu-item>                 


                 <el-menu-item index="/home/ConsultantCertificate"><el-icon>
                        <location />
                    </el-icon>咨询师证书管理</el-menu-item>
                <el-menu-item index="/home/Charge"><el-icon>
                        <location />
                    </el-icon>收费标准</el-menu-item> 
            </el-sub-menu>
<!--板块四 -->
            <el-sub-menu index="4">
                <template #title>
                    <el-icon>
                        <location />
                    </el-icon>
                    <span>内容管理</span>
                </template>
            
                <el-menu-item index="/home/article/articleType" default-active ><el-icon>
            
                        <location />
                    </el-icon>文章分类管理</el-menu-item>
                
                <el-menu-item index="/home/article/articleList" ><el-icon>
                        <location />
                    </el-icon>文章管理</el-menu-item>
                <el-menu-item index="/views/system/CourseView"><el-icon>
                        <location />
                    </el-icon>课程管理</el-menu-item>
                <el-menu-item index="/views/system/CourseTypeView"><el-icon>
                        <location />
                </el-icon>课程分类管理</el-menu-item>
                <el-menu-item index="/views/system/CourseBuyView"><el-icon>
                        <location />
                </el-icon>课程购买管理</el-menu-item>
                <el-menu-item index="/home/courseMark"><el-icon>
                        <location />
                    </el-icon>课程评价管理</el-menu-item>
            </el-sub-menu>
<!--板块五 -->
            <el-sub-menu index="5">
                <template #title>
                    <el-icon>
                        <location />
                    </el-icon>
                    <span>知识管理</span>
                </template>
 
          
                <el-menu-item index="/views/system/HeartkView"  ><el-icon>
                        <location />
                    </el-icon>心理知识管理</el-menu-item>
                <el-menu-item index="/Views/system/HeartMarkView"><el-icon>
                        <location />
                    </el-icon>心理测评管理</el-menu-item>
                <el-menu-item index="/Views/system/MyTestView"><el-icon>
                        <location />
                </el-icon>心理测试管理</el-menu-item>
    
                    <el-menu-item index="/views/system/FmView"><el-icon>
                        <location />
                    </el-icon>FM管理</el-menu-item>
                <el-menu-item index="/home/Free"><el-icon>
                        <location />
                    </el-icon>公益内容管理</el-menu-item>
            </el-sub-menu>
<!--板块六 -->
            <el-sub-menu index="6">
                <template #title>
                    <el-icon>
                        <location />
                    </el-icon>
                    <span>咨询管理</span>
                </template>


                <el-menu-item index="/home/appointment" default-active ><el-icon>                        <location />
                    </el-icon>咨询预约管理</el-menu-item>
                <el-menu-item index="/home/userMark"><el-icon>
                        <location />
                    </el-icon>用户评价管理</el-menu-item>
                <el-menu-item index="/home/cousoult/publicity"><el-icon>
                        <location />
                    </el-icon>咨询公告</el-menu-item>
            </el-sub-menu>            
<!--板块七 -->
            <el-sub-menu index="7">
                <template #title>
                    <el-icon>
                        <location />
                    </el-icon>
                    <span>回复表</span>
                </template>
                <el-menu-item index="/QuestionView" ><el-icon>
                        <location />
                    </el-icon>问题表</el-menu-item>
                <el-menu-item index="/ReplyView" ><el-icon>
                        <location />
                    </el-icon>回复管理</el-menu-item>
                <el-menu-item index="/SecretView" ><el-icon>
                        <location />
                    </el-icon>私信管理</el-menu-item>   
                <el-menu-item index="/views/system/CourseReplyView"><el-icon>
                        <location />
                    </el-icon>课程回复管理</el-menu-item>
                <el-menu-item index="/views/system/CourseTalkView"><el-icon>
                        <location />
                    </el-icon>课程交流管理</el-menu-item>
            </el-sub-menu>      

<!--板块八 -->
   
            <el-menu-item index="/home/company">
                <el-icon><icon-menu /></el-icon>
                <span>公司信息管理</span>
            </el-menu-item>
        </el-menu>

    </el-scrollbar>
</template>

<script setup>
const handleOpen = (key, keyPath) => {
    console.log(key, keyPath)
}
const handleClose = (key, keyPath) => {
    console.log(key, keyPath)
}
</script>

<style scoped>
.mb {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    font-size: 20px;
    color: white;
}
.mb img{
    margin-right: 5px;
    border-radius: 5px;
}

.el-sub-menu span {
    font-size: 20px;
    /* 设置菜单字体大小 */
}

.el-menu-item,
.el-sub-menu__title {
    font-size: 20px;
    /* 设置菜单项字体大小 */
}
</style>